<template>
	<!-- 开屏广告 -->
	<view class="content" >
		<view class="swiper on" @click="navToPath(advData)">
			<view class="swiper-item">
				<view class="swiper-item-img">
					<image  :src="advData.image" mode="aspectFill"></image>
				</view>
			</view>
		</view>

		<view class="jump-over"  :style="{ bottom: navH + 'rpx' }" @click.stop="launchFlag()">跳过<text v-if="closeType == 1">{{time}}</text><slot name="bottom"></slot></view>
	</view>
</template>

<script>
	let app = getApp();
	export default {
		data() {
			return {
				autoplay: false,
				duration: 500,
				jumpover: '跳过',
				experience: '立即体验',
				time: 6,
				timecount: undefined,
				navH: 0
			}
		},
		props: {
			advData: {
				type: Object,
				default: () => {}
			},
			// 1 倒计时 2 手动关闭(预留)
			closeType: {
				type: Number,
				default: 1
			}
		},
		mounted() {
			this.timer()
			// #ifdef MP
			this.navH = app.globalData.navHeight;
			// #endif
			// #ifndef MP
			this.navH = 80;
			// #endif
		},
		methods: {
			goto1(){
				console.log(4343)
			},
			stopChange(){
				if(this.advData.value.length == 1){
					return false
				}
			},
			timer() {
				var t = this.advData.time || 5
				this.timecount = setInterval(() => {
					t--
					this.time = t
					if (t <= 0) {
						clearInterval(this.timecount)
						this.launchFlag()
					}
				}, 1000)
			},
			launchFlag() {
				clearInterval(this.timecount)
				uni.switchTab({
					url: '/pages/index/index'
				});
			},
			navToPath(item){
				clearInterval(this.timecount)
				if(item['type'] == 1){
					 uni.navigateTo({
						url:item.url
					 })
				} else if(item['type']== 2){
					
			
					// #ifdef MP-WEIXIN
					 uni.navigateToMiniProgram({
					 	appId: item.appid, 
					 	path: item.url,
					 	extraData: {
					 	},
					 	success(res) {
					     // 打开成功
					 	}
					 })
					 // #endif
					 // #ifdef APP-PLUS
					   //需调用plus.share.getServices获取微信分享服务对象    
					  plus.share.getServices((s) => {    
						  let sweixin = {};    
						  for (let i = 0; i < s.length; i++) {    
							  let share = s[i];    
							  if (share.id === 'weixin') {    
								  sweixin = share    
							  }    
						  }    
						  //小程序参数，必填    
						  let WeixinMiniProgramOptions = {    
							  id: item.g_id,    
							  path: item.url,//可指定打开的页面    
						  }    
						  sweixin ? sweixin.launchMiniProgram(WeixinMiniProgramOptions) : plus.nativeUI.alert(    
							  '当前环境不支持微信操作!');    
					  }, function(e) {    
						  console.log("获取分享服务列表失败：" + e.message);    
					  });  
					  // #endif
					// #ifdef MP-ALIPAY
					
					if(item['name'] == "黔爽旅游"){
						return this.$util.Tips({
							title: '请前往微信小程序体验！'
						})
					}
					
					 uni.navigateToMiniProgram({
						appId: '2021003184687759', 
						path: '/pages/home/dashboard/index',
						extraData: {
						},
						success(res) {
						   // 打开成功
						}
					 })
					 // #endif
			
				}else if(item['type']== 4){
					 uni.switchTab({
						url:item.url
					 })
				}else{
					 uni.navigateTo({
						url:'/pages/web/web?url='+item.url
					 })
				}
			},
			
			
			jump(url) {
				if(url){
					clearInterval(this.timecount)
					this.$util.JumpPath(url);
				}
			},
		}
	}
</script>
<style lang="scss" scoped>
	page,
	.content {
		width: 100%;
		height: 100%;
		background-size: 100% auto;
		padding: 0;
	}

	.swiper {
		width: 100%;
		height: 100vh;
		background: #FFFFFF;
		&.on{
			position: relative;
			&:after {
			 content: '';
			 position: absolute;
			 top: 0;
			 left: 0;
			 right: 0;
			 bottom: 0;
			 z-index: 2;
			}
		}
	}

	.swiper-item {
		width: 100%;
		height: 100%;
		text-align: center;
		position: relative;
		display: flex;
		/* justify-content: center; */
		align-items: flex-end;
		flex-direction: column-reverse
	}

	.swiper-item-img {
		width: 100vw;
		height: 100vh;
		margin: 0 auto;
	}

	.swiper-item-img image {
		width: 100%;
		height: 100%;
	}

	.jump-over {
		position: absolute;
		height: 60rpx;
		line-height: 60rpx;
		padding: 0 20rpx;
		border-radius: 30rpx;
		font-size: 30rpx;
		// color: #b09e9a;
	    background-color: rgba(25, 47, 89, 0.1); 
		color: #fff;
		// border: 1px solid #b09e9a;
		z-index: 999;
		right: 30rpx;
	}

	.video-box {
		width: 100vw;
		height: 100vh;

		.vid {
			width: 100%;
			height: 100%;
		}
	}
</style>